<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>罗店中学-校址变迁</title>
    <link rel="stylesheet" href="css/all.min.css">
</head>

<body class="history_bg">
    <!-- 顶部区域 start-->
    @@include('../_include/top.html',{"isOrange":"false","darkBlue":"true","addressChange":"active"})
    <!-- // 顶部区域  end-->
    <div class="wrap reel-box" id="wrap-box">
        <div class="reel-l"></div>
        <div class="reel-cont">
            <div class="address-map">
                <h3>校址变迁</h3>
                <div class="item item1">
                    <div class="inner-txt">
                        东皇庙<br />旦明补习社<br />1942年
                    </div>
                </div>
                <div class="item item2">
                    <div class="inner-txt">
                        新村（翁家小洋房）<br />罗溪中学<br />1942年
                    </div>
                </div>
                <div class="item item3">
                    <div class="inner-txt">
                        朱家祠堂（亭前街）<br />罗溪中学<br />1943年
                    </div>
                </div>
                <div class="item item4">
                    <div class="inner-txt">
                        扩展到西巷街<br />罗溪中学<br />1944年
                    </div>
                </div>
                <div class="item item5">
                    <div class="inner-txt">
                        老沪太路西<br />罗溪中学<br />1947年
                    </div>
                </div>
                <div class="item item6">
                    <div class="inner-txt">
                        罗新路707号<br />上师大附属罗店中学<br />2007年
                    </div>
                </div>
            </div>
        </div>
        <div class="reel-r"></div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/common.js"></script>
    <script>
        $(function () {
            $('.reel-box').addClass('opened');
            // const canvasBox = $('.address-map');
            // const canvas = document.getElementById("lineMap");
            // const [width,height] = [parseInt(window.innerWidth*0.775*0.92),canvasBox.height()]
            // canvas.width = width;
            // canvas.height = height;
            // const ctx = canvas.getContext('2d');

        })
    </script>
</body>

</html>